import Taro, {
  Component
} from '@tarojs/taro'
import {
  View,
  Text,
  Input,
  Button
} from '@tarojs/components'
import './login.css'
import {
  AtButton,
  AtInput,
  AtIcon
} from 'taro-ui'

export default class Login extends Component {

  config = {
    navigationBarTitleText: '登陆'
  }

  componentWillMount() {}

  componentDidMount() {}

  componentWillUnmount() {}

  componentDidShow() {}

  componentDidHide() {}

  render() {
    return (
      <View className='index'>
        <View className='at-row at-row--wrap'>
          <View className='at-col at-col-12 header-box'>
            <View className='header-text'> 慧订货 </View>
            <View className='header-text header-second'> 移动订货电商平台 </View>
          </View>
          <View className='at-col at-col-12 login-box'>
            <View className='at-row at-row--wrap'>
              <View className='at-col at-col-10'>
                <AtIcon value='user' size='24' color='#FFF'></AtIcon>
                <Input className='login-input' type='text' placeholder='请输入账号' />
              </View>
              <View className='at-col at-col-10'>
                <AtIcon value='shopping-bag-2' size='24' color='#FFF'></AtIcon>
                <Input className='login-input' type='password' placeholder='请输入密码' />
              </View>
            </View>
          </View>
          <View className='at-col at-col-12 btn-box'>
            <View className='at-row at-row--wrap'>
              <View className='at-col at-col-10'>
                <Button className='login-btn' type='button'>登陆</Button>
              </View>
            </View>
          </View>
          <View className='at-col at-col-12 footer-box'>忘记密码?</View>
        </View>
      </View>
    )
  }
}